<template>
  <van-nav-bar
    title="京东商城"
    left-text="返回"
    right-text="更多"
    left-arrow
    @click-left="onClickLeft"
    @click-right="onClickRight"
  />
</template>

<script>
import { Toast } from "vant";
export default {
  methods: {
    onClickLeft() {
      Toast("返回");
    },
    onClickRight() {
      Toast("按钮");
    },
  },
};
</script>

<style scoped>
.van-nav-bar {
  background-color: rgb(192, 3, 3);
  font-size: 16px;
  color: white;
}
::v-deep .van-nav-bar__title {
  font-size: 20px;
}
::v-deep .van-nav-bar__text {
  color: #fff;
  font-size: 16px;
}
.van-nav-bar ::v-deep .van-icon {
  color: #fff;
}
</style>